<template>
    <div style="padding-left:5px;padding-top:10px;margin-bottom: 5px;">
        <el-row>
            <el-col align="left">
                <el-form label-width="120px">
                    <el-form-item label="行数：">
                        <el-input-number v-model="rows" :min="1" :max="200" :step="1" @change="refresh"></el-input-number>
                    </el-form-item>
                    <el-form-item label="列数：">
                        <el-input-number v-model="cols" :min="1" :max="9999" :step="1" @change="refresh"></el-input-number>
                    </el-form-item>
                </el-form>
            </el-col>
        </el-row>
        <div style="margin-top:5px;margin-left:120px;">
            <table border="1" cellspacing="0">
                <tr v-for="rowIndex in rows" :key="rowIndex">
                    <td v-for="colIndex in cols" :key="rowIndex + '_' + colIndex">
                        <span style="font-size:20px;">{{(rowIndex-1) * cols + colIndex}}</span>
                    </td>
                </tr>
            </table>
        </div>
    </div>

</template>

<script>
    export default {
        data() {
            return {
                rows: 3,
                cols: 5,
            };
        },
        methods: {
            refresh() {
            },
            calc() {

            },

        },
        computed: {
        },
        mounted() {

        }
    };
</script>
